<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="styles/common.css">
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="styles/user-info.css">
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <title>用户主页（关注）</title>
</head>
<script type="text/javascript">
    ! function(e, t) { var n = t.documentElement,
    d = e.devicePixelRatio || 1;
    function i() { var e = n.clientWidth / 3.75;
        n.style.fontSize = e + "px" } if (function e() { t.body ? t.body.style.fontSize = "16px" : t.addEventListener("DOMContentLoaded", e) }(), i(), e.addEventListener("resize", i), 
        e.addEventListener("pageshow", function(e) { e.persisted && i() }), d >= 2) { var o = t.createElement("body"),
        a = t.createElement("div");
        a.style.border = ".5px solid transparent", o.appendChild(a), n.appendChild(o), 1 === a.offsetHeight && n.classList.add("hairlines"), n.removeChild(o) } }(window, document)
</script>
<body>
    <div class="top">
        <div class="top-main">
            <div class="back"></div>
            <div class="top-content">
                <div class="top-header">
                        <div class="header-left">
                            <img src="images/back.png" alt="">
                        </div>
                        <div class="header-right">
                            <img src="images/point.png" alt="">
                        </div>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </div>
                    <div class="top-info">
                        <div class="info-left">
                            <div class="head">
                                <img src="images/head.png" alt="">
                            </div>
                            <div class="infos">
                                <h3>招商基金</h3>
                                <p>
                                    <span>关注0</span>
                                    <span>粉丝5246</span>
                                    <span>赞5867</span>
                                </p>
                            </div>
                            <!-- 清除浮动 -->
                            <div class="clearfix"></div>
                        </div>
                        <div class="info-right">
                            <span>+关注</span>
                        </div>
                        <!-- 清除浮动 -->
                        <div class="clearfix"></div>
                    </div>
            </div>
        </div>
        <div class="brief">
            <p>
                这里有经济学家关心的宏观话题，有投资者在意的财经数据，也有寻常百姓生活里的经济“现象”。
                这里有经济学家关心的宏观话题，有投资者在意的财经数据，也有寻常百姓生活里的经济“现象”。
                这里有经济学家关心的宏观话题，有投资者在意的财经数据，也有寻常百姓生活里的经济“现象”。
                <span>+展开</span>
            </p>
        </div>
    </div>
    <div class="use-main">
        <div class="main-nav">
            <ul>
                <li class="active">
                    <span>帖子</span>
                    <div class="line"></div>
                </li>
                <li>
                    <span>参与</span>
                    <div class="line"></div>
                </li>
            </ul>
        </div>
        <div class="main-page active">
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
        </div>
        <div class="main-page">
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤233</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
            <div class="item">
                <div class="title">
                    <div class="user">
                        <img src="images/tx.png" alt="">
                        <span>刘泽坤</span>
                        <font>发表了</font>
                        <i>观点</i>
                    </div>
                    <div class="date">
                        <span>刚刚</span>
                    </div>
                </div>
                <div class="keyword">
                    <p>信用卡取现？甚至违法套现？不要再傻了！ 缺钱可以预借现金！</p>
                </div>
                <div class="item-img">
                    <img src="images/user-back.png" alt="">
                </div>
                <div class="item-footer">
                    <span>阅读120</span>   
                    <span>|</span>
                    <span>赞 0</span>
                    <span>|</span>
                    <span>评论 0</span>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    $(function() {
        // tab切换
        $(".main-nav>ul>li").click(function() {
            var index = $(this).index();
            $(this).addClass("active").siblings().removeClass("active");
            $(".main-page").eq(index).addClass("active").siblings().removeClass("active");
        })
    })
</script>
</html>